<!doctype html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>首页</title>
        <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
        <link href="css/mui.min.css" rel="stylesheet" />
        <!--主要覆盖mui.css的px大小-->
        <link href="css/common.css" rel="stylesheet" />
        <!--控制 字体大小 rem iphone6下 以20px为准-->
        <script src="js/initsize.js"></script>
        <link rel="stylesheet" type="text/css" href="css/css.css"/>
    </head>
    <body class="index colorheader">
        <a class="search" id="search"></a>
        <header class="mui-bar mui-bar-nav header-color">
            <a class="mui-icon mui-icon-bars mui-pull-left"></a>
            <h1 class="mui-title">换一批</h1>
            <a class="mui-pull-right"></a>
        </header>
        <div class="voice-lading"></div>
        <div class="editdata">
            <ul class="table-view table-view1">
                <li class="table-view-cell">
                    <textarea class="table-view-cell-input" placeholder="输入您的CDK兑换码"></textarea>
                </li>
                <li class="table-view-cell"><a class="table-view-cell-a table-view-cell-cancel" >取消</a><a class="table-view-cell-a table-view-cell-affirm" >确定</a></li>
            </ul>
        </div>
        <div class="dataattestation">
            <ul class="table-view table-view3">
                <li class="table-view-cell">
                    <a class="table-view-cell-a table-view-cell-a1" >向经理人申请解绑</a>
                    <a class="table-view-cell-a table-view-cell-a2" >向平台申请解绑</a>
                </li>
                <li class="table-view-cell"><a class="table-view-cell-a table-view-cell-cancel" >取消</a></li>
            </ul>
        </div>
        <div class="share-box">
            <div class="share-img">
                <p class="share-logo"></p>
            </div>
                <div class="share-text">
                    <p class="share-name"></p>
                    <p class="share-id"></p>
                    <p class="lable"></p>
                    <a class="share-a">立即邀请</a>
                    <div class="user-img"></div>
                </div>
                <div class="share-delect"></div>
        </div>
        <div class="share-link">
            <a class="wechat">微信好友</a>
            <p class="xian"></p>
            <a class="Circle">朋友圈</a>
        </div>
        <div class="poimit-table1">
            <div class="table-title">魅力等级规则</div>
            <div class="table-text">
                <p>1.1-10级每增加200点经验升一级，用户    1级佣金比例为5%每升一级佣金比例上升5%（10级比例封顶50%）10级经验为2000，注：未完成认证的用户，等级将停留在8级，但是经验值可以继续增加，直到完成认证后，等级恢复正常！</p>
                <p>2.10-20级每增加400点经验升一级，每升一级用户加好友及约会价格增加0.1元.20级时经验总数为6000</p>
                <p>3.20-30级每增加1600点经验升一级，没升一级用户加好友及约会价格增加0.2元。30级时经验总数为22000</p>
                <p>4.以此类推，上不封顶</p>
            </div>
        </div>
        <div class="mui-content">
            <!--这里是内容-->
            <div class="index-box">
            </div>
        </div>
        <div class="popover"></div><!--遮罩-->
        <div class="popover2"></div><!--遮罩-->
        <div class="promit"></div><!--透明遮罩-->
        <div class="mycenter"><!--个人中心 start-->
            <div class="mycenter-header">
                <div class="signin"><span class="yp"></span><a href="javascript:" id="signin">签到</a></div>
                <div class="header-box">
                    <div class="userimg" id="editdata">
                        <img src="" onerror="javascript:this.src='images/myimg.jpg'" />
                    </div>
                    <div class="user-text">
                        <div class="user-title"></div>
                        <div class="user-message"></div>
                        <div id="grade">
                            <p class="user-p">
                                <span class="gradient gradient-text1 current_level">LV1<em class="love-sis"></em></span>
                                <span class="articlecharm"><em class="articlecharm-em"></em></span>
                                <span class="gradient gradient-text1 next_level">LV2<em class="love-sis"></em></span>
                            </p>
                            <span class="gradient user-text-sis"></span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="content">
                <div class="content-top">
                    <a href="javascript:" id="notecase">
                        <span>币</span>
                        <p>我的账户</p>
                    </a>
                    <a href="javascript:" id="notecase2">
                        <span>币</span>
                        <p>临时账户</p>
                    </a>
                </div>
                <div class="mui-scroll-wrapper">
                    <div class="mui-scroll">
                        <div class="matter">
                            <a class="voice"><em class="voice-em">长按录入语音签名</em><img class="con-voice-img" src="images/voice.png" data-voice=""><span class="voice-editdata">编辑</span></a>
                            <a class="myfans" id="myfans">我的粉丝</a>
                            <a class="myattention" id="attention">我的关注</a>
                            <a class="myfrands" id="myfriend">我的好友</a>
                            <a class="mymanager"></a>
                        </div>
                        <div class="matter">
                            <a class="member" id="membercenter">VIP中心<span>2018-12-20到期</span></a>
                            <a class="approve" id="attestation">个人认证<span></span></a>
                            <a class="engagement-approve" id="dataattestation">约会认证<span></span></a>
                            <a class="engagement" id="appointment">我的约会</a> 
                            <a class="myprop" id="myprop">我的道具 </a> 
                            <a class="mytask" id="taskcenter">我的任务 </a> 
                        </div>
                        <div class="matter">
                            <a class="convertcdk">兑换CDK</a>
                            <a class="convert" id="redemption">兑换的商品</a>
                            <a class="invite">邀请好友</a>
                            <a class="safety" id="securitycenter">安全中心</a>
                        </div>
                        <div class="matter">
                            <a class="application" id="handler">申请经理人<span></span></a>
                            <a class="administer" id="handlersharp">经理人管理</a>
                            <a class="application" id="agency">申请代理<span></span></a>
                            <a class="area" id="pm">代理人管理</a>
                            <div class="matter-footer">
                                <a class="set" id="set">设置</a>
                                <a class="exit">退出</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div><!--个人中心 end-->
        <div class="message"><!--消息中心 start-->
            <div class="message-header">消息中心<span></span></div>
            <div class="friends">
                <div class="friends-box" id="circlefriends">
                    <span>朋友圈</span>
                    <em class="message-back"></em>
                </div>
            </div>
            <div class="tab-box">
                <div class="tab">
                    <a class="pitch" href="javascript:"><span>好友消息<i></i></span></a>
                    <a href="javascript:"><span>约会消息<i></i></span></a>
                </div>
                <div class="mui-scroll-wrapper scroll2">
                    <div class="mui-scroll">
                        <ul class="box">
                            <li class="setmsg">
                                <div class="tab-img">
                                    <img src="images/userindex.jpg"/>
                                    <span></span>
                                </div>
                                <div class="box-text">
                                    <div class="text-title">系统消息</div>
                                    <p></p>
                                </div>
                                <div class="time"></div>
                            </li>
                            <div class="chat-box">
                                
                            </div>
                        </ul>
                    </div>
                </div>
                <div class="mui-scroll-wrapper scroll3">
                    <div class="mui-scroll">
                        <ul class="box">
                        </ul>
                    </div>
                </div>
            </div>
        </div><!--消息中心 end-->
        <script src="js/mui.min.js "></script>
        <script src="js/jquery2.1.0.min.js "></script>
        <!--通用JS，我封装了一些实用JS-->
        <script src="js/atext.js" ></script> 
        <script src="js/common.js"></script>
        <script src="js/config.js"></script>
        <script src="js/index.js" ></script> 
    </body>
</html>